<template>
  <button
    class="bg-blue-500 text-white border-none rounded px-4 py-2 text-sm cursor-pointer transition-colors hover:bg-blue-600"
    @click="$emit('click')"
  >
    {{ text }}
  </button>
</template>

<script setup lang="ts">
interface Props {
  text: string
}

defineProps<Props>()
defineEmits<{
  click: []
}>()
</script>
